body{
    background: white;
}

#our_pro .container{
    width: 80%;
}
@media (max-width: 667px) {
#our_pro .container{
    width: 97%;
}
}

.pro-content{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.now_line {
    width: 80%;
    height:8px;
    margin: 4px auto;
    border-bottom: 2px solid #e1e1e1;
}
@media (max-width: 767px) {
    .now_line {
        width: 100%;
        height:8px;
        margin: 4px auto;
        border-bottom: 2px solid #e1e1e1;
    }
}
@media (max-width: 992px) {
    .now_line{
        width: 100%;
    }
}
.now_linebtn_one{
    position: relative;
    float: left;
    width: 18%;
}

@media (max-width: 767px) {
    .now_linebtn_one{
        position: relative;
        float: left;
        width: 20%;
    }
}
.now_linebtn_one p{
    margin: 10px 0;
    cursor: pointer;

}

.now_linebtn_one i{
    display:none;
    width:19px;
    height:19px;
    background:url(../image/chanpin_nowline_daquan.png);
    cursor:pointer;
    position:relative;
    top:-4px;

}
.now_linebtn_one span{
    display:block;
    width:11px;
    height:11px;
    background:url(../image/chanpin_nowline_xiaoquan.png);
    cursor:pointer;
}
.now_linebtn_one.now p{
    color:#0ba1e4;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}
.now_linebtn_one.now i{
    display:block;
    transition: all 0.5s;
}
.now_linebtn_one.now span{
    display:none;
}
.now_linebtn_one:hover span{
    background:url(../image/chanpin_nowline_xiaoquan.png) 0 11px;
    transition: all 0.5s;
}
.now_linebtn_one:hover p{
    color:#0ba1e4;
    font-weight: bold;
    transition: all 0.5s;
}


.pro-info{
    width: 80%;
    position: relative;
    margin:0 auto ;
    top: 20px;
}
@media (max-width: 992px) {
    .pro-info{
        width: 100%;
    }
}

.content_one *{
    position: relative;
}
.content_one{
    width: 100%;
    display:none;
}
.content_pic{
    width: 100%;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-250px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInLeft{
    animation: fadeInLeft 1s;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(250px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInRight{
    animation: fadeInRight 1s;
}